<!-- 个人中心-房租管理-房租信息 -->

<div class="information">
    <div class="caption" style="margin-bottom: 5rem;">
        租房信息
    </div>

    <div nz-row>
      <div nz-col nzSpan="12">
        <p>
          <span class="title">租房时间</span>
          <span class="detail">{{houseData.CreateTime}}</span>
        </p>
      </div>
      <div nz-col nzSpan="12" nzOffset="0">
        <p>
          <span class="title">房屋面积</span>
          <span class="detail">{{houseData.Size}}m<sup>2</sup></span>
        </p>
      </div>
    </div>
    <div nz-row>
      <div nz-col nzSpan="12">
        <p>
          <span class="title">租房地址</span>
          <span class="detail">{{houseData.Province}}-{{houseData.City}}-{{houseData.Region}}</span>
        </p>
      </div>
      <div nz-col nzSpan="12" nzOffset="0">
        <p>
          <span class="title">所在社区</span>
          <span class="detail">{{houseData.DetailAddress}}</span>
      </p>
      </div>
    </div>
    <div nz-row>
      <div nz-col nzSpan="12">
        <p>
          <span class="title">房租</span>
          <span class="detail">￥{{houseData.Rent}}/月</span>
      </p>
      </div>
      <div nz-col nzSpan="12" nzOffset="0">
        <p>
          <span class="title">出租类型</span>
          <span class="detail">{{houseData.Type===1 ? '整租' : '合租'}}</span>
        </p>
      </div>
    </div>
    <div nz-row>
      <div nz-col nzSpan="12">
        <p>
          <span class="title">房间数量</span>
          <span class="detail">{{houseData.Rooms}}室</span>
        </p>
      </div>
      <div nz-col nzSpan="12" nzOffset="0">
        <p>
          <span class="title">房屋状态</span>
          <span class="detail">{{houseData.Enable===1 ? '上架' : '下架'}}</span>
        </p>
      </div>
    </div>
    <div nz-row>
      <div nz-col nzSpan="12">
        <p>
          <span class="title">当前剩余室数</span>
          <span class="detail">{{houseData.CurrentRooms}}室</span>
        </p>
      </div>
      <div nz-col nzSpan="12" nzOffset="0">
        <p>
          <span class="title">类型</span>
          <span class="detail">{{houseData.PayPeriod===1 ? '月付' : houseData.PayPeriod===3 ? '季付' : '年付'}}</span>
      </p>
      </div>
    </div>
    <div nz-row>
      <div nz-col nzSpan="12">
        <p>
          <span class="title">合同</span>
          <span class="detail">
              <a nz-button nzType="link" [href]="ContractUrl" (click)="getContractUrl()">租房合同</a>
          </span>
        </p>
      </div>
    </div>
</div>
